<template>
    <div class="myprogress" :style="'height:'+height">
        <div class="ed" :style="'width:'+percentage+'%;background-color:'+color"></div>
    </div>
</template>

<script>
export default {
    props:[
        'percentage',
        'color',
        'height'
    ]
}
</script>

<style lang='less' scoped>
.myprogress{
    border-radius: 9rem;
    width:100%;
    background-color: rgba(255,255,255,0.15);
    overflow: hidden;
    .ed{
        float: left;
        height: 100%;
    }
}

</style>